﻿@model ProjectManagement.Models.LogOnModel
@{
    ViewBag.Title = "Log On";
}
<style type="text/css">
    *
    {
        margin: 0;
        padding: 0;
        border: 0;
        font-family: Arial, Helvetica, sans-serif;
    }
    body
    {
        height: 100%;
    }
    .wrapper
    {
        width: 100%;
        height: 100%;
        max-height: 100%;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        background: url(../../images/logon/images/bg_01.jpg) repeat center center;
        display: table;
    }
    .login_logo
    {
        margin-top: 40px;
    }
    .login
    {
        width: 570px;
        height: 300px;
        padding-top: 50px;
        margin: 15px auto 0 auto;
        background: #77a2d3;
    }
    .login table
    {
        border:0;
    }
    .login table td
    {
        border:0;
    }
    .userName
    {
        width: 300px;
        padding: 15px 5px 15px 5px;
        margin: 0px auto 10px auto;
        border-radius: 5px;
        -moz-border-radius: 5px; /* Old Firefox */
        background: #fff;
        color: #767676;
    }
    .userPwd
    {
        width: 300px;
        padding: 15px 5px 15px 5px;
        border-radius: 5px;
        -moz-border-radius: 5px; /* Old Firefox */
        background: #fff;
        color: #767676;
    }
    .sign
    {
        color: #fff;
        font-size: 12px;
        margin-left: 20px;
    }
    .submitP
    {
        text-align: left;
        margin-left: 128px;
        margin-top: 20px;
    }
    checkbox
    {
        vertical-align: middle;
    }
    .sign
    {
        vertical-align: middle;
    }
    .submitA
    {
        margin-left: 170px;
    }
</style>
<h2>
    Log On</h2>
<p>
    Please enter your user name and password. @Html.ActionLink("Register", "Register")
    if you don't have an account.
</p>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
@Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.")
@using (Html.BeginForm())
{
@*<div>
        <fieldset>
            <legend>Account Information</legend>
            <div class="editor-label">
                @Html.LabelFor(m => m.UserName)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.UserName)
                @Html.ValidationMessageFor(m => m.UserName)
            </div>
            <div class="editor-label">
                @Html.LabelFor(m => m.Password)
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.Password)
                @Html.ValidationMessageFor(m => m.Password)
            </div>
            <div class="editor-label">
                @Html.CheckBoxFor(m => m.RememberMe)
                @Html.LabelFor(m => m.RememberMe)
            </div>
            <p>
                <input type="submit" value="Log On" />
            </p>
        </fieldset>
    </div>*@
    
    <div class="wrapper">
        <center>
            <div class="login_logo">
                <img src="../../images/logon/images/login_05.jpg" width="239" height="75" /></div>
            <div class="login">
                <table>
                    <tr>
                        <td align="right"><b style="color:#fff">用户名：</b></td>
                        <td>@Html.TextBox("UserName", "Username or Email", new { @class = "userName", onfocus = "if(this.value=='Username or Email'||this.value==''){this.value=''; this.style.color='#000';}", onblur = "if(this.value==''){this.value='Username or Email'; this.style.color='#767676';}" })</td>
                    </tr>
                    <tr>
                        <td align="right"><b style="color:#fff">密码：</b></td>
                        <td>@Html.Password("Password","Password", new { @class = "userPwd",onfocus="if(this.value=='Password'||this.value==''){this.value=''; this.style.color='#000';}",
                        onblur="if(this.value==''){this.value='Password'; this.style.color='#ccc';}" })</td>
                    </tr>
                    <tr>
                        <td style="height:5px"></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                         
                    @*<input id="RememberMe" type="checkbox" />*@
                   @* <span class="sign">Remember me?</span>*@
                    <a
                        href="#" class="submitA"><img src="../../images/logon/images/login_btn_09.jpg" onclick="submit()"
                            width="85" height="37" /></a>
                        </td>
                    </tr>
                </table>
            </div>
        </center>
    </div>
}
<script type="text/javascript">
    function submit() {
        $("form").submit();
    }
</script>
